function filePlugin(fileId,filePicker,fileList){
    var $ = jQuery;

    var $list = $(fileList);
    // 优化retina, 在retina下这个值是2
    var ratio = window.devicePixelRatio || 1;
    // 缩略图大小
    var thumbnailWidth = 100 * ratio;
    var thumbnailHeight = 100 * ratio;
    // 初始化Web Uploader
    var uploader = WebUploader.create({
        // 自动上传。
        auto : true,
        // swf文件路径
        swf : '<%=request.getContextPath()%>/static/plugin/webuploader-0.1.5/Uploader.swf',
        // 文件接收服务端。
        server : COMMON_URL.uploadImage,
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick : filePicker,
        // 只允许选择文件，可选。
        // accept : {
        //     title : 'Images',
        //     extensions : 'jpg,jpeg,png',
        //     mimeTypes : 'image/jpg,image/jpeg,image/png'
        // },
        duplicate : true
    });




    // 当有文件添加进来的时候
    uploader.on('fileQueued', function(file) {
        //var $li = $('<div id="' + file.id + '" class="file-item thumbnail"><img><div class="info">' + file.name + '</div></div>');
        var $li = $('<div id="' + file.id + '" class="file-item thumbnail"><img><div class="info">' + file.name + '</div></div>');

        var $img = $li.find('img');
        $list.append($li);
        // 创建缩略图
        uploader.makeThumb(file, function(error, src) {
            console.log(error);
            if (error) {
                // $img.replaceWith('<span>不能预览</span>');
                $('.file-item').addClass('fileImg');
                return;
            }
            $img.attr('src', src);
        }, thumbnailWidth, thumbnailHeight);
    });

    // 文件上传过程中创建进度条实时显示。
    uploader.on('uploadProgress', function(file, percentage) {
        var $li = $('#' + file.id);
        var $percent = $li.find('.progress span');
        // 避免重复创建
        if (!$percent.length) {
            $percent = $('<p class="progress"><span></span></p>').appendTo($li).find('span');
        }
        $percent.css('width', percentage * 100 + '%');
    });

    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploader.on('uploadSuccess', function(file, response) {
        //alert( COMMON_URL.getImage + response.fileName );

        console.log(file);
        var bannerUrls = $(fileId).val();
        console.log(bannerUrls);

        if(bannerUrls){
            bannerUrls += "," + response.data.url;
        }else{
            bannerUrls += response.data.url;
        }

        //bannerUrls += "," + COMMON_URL.getImage + response.fileName;

        //把图片url地址填充到input里
        $(fileId).val(bannerUrls);
        // alert(bannerUrls);
        $('#' + file.id).addClass('upload-state-done');
        $('#' + file.id).append('<div class="del" onclick="del(this,\''+ response.data.url +'\',\''+fileId+'\')"></div>');


    });


    // 文件上传失败，现实上传出错。
    uploader.on('uploadError', function(file) {
        var $li = $('#' + file.id);
        var $error = $li.find('div.error');
        // 避免重复创建
        if (!$error.length) {
            $error = $('<div class="error"></div>').appendTo($li);
        }
        $error.text('上传失败');
    });

    // 完成上传完了，成功或者失败，先删除进度条。
    uploader.on('uploadComplete', function(file) {
        $('#' + file.id).find('.progress').remove();
    });

    //图片回显
    //获取input框里的url地址
    var imgUrl = $(fileId).val();
    // console.log(imgUrl);
    //将url地址分割成数组
    var imgUrlArr=imgUrl.split(/,/)
    //        console.log(imgUrlArr);

    //遍历url地址填充到img里,并将每个li添加到ul里
    for(i=0; i < imgUrlArr.length; i++){
        //            console.log(n[i] + "<br>");
        if(imgUrl != ''){
            $list.append('<div>'+'<img src='+imgUrlArr[i]+'>'+
                '<div class="closeImg" onclick="del(this,\'' + imgUrlArr[i] +'\',\'' + fileId+'\')"></div>'+
                '</div>');
        }
    }

}



function del(obj,file,pageId) {
    var $this=$(obj);
    $this.parent().remove();
    var value = $(pageId).val();
    if(value.indexOf(",")>0){
        //判断是否为第一个，如果是第一个，则后面加“,”;如果不是，则前面加“，”
        var dis = file ;
        var teeee = value.substring(0,dis.length);
        if(teeee==dis){
            var temp = value.replace(dis+",","");
            $(pageId).val(temp);
        }else{
            var temp = value.replace(","+dis,"");
            $(pageId).val(temp);
        }
    }else{
        var dis = file ;

        var temp = value.replace(dis,"");

        $(pageId).val(temp);
    }

}